<template>
  <div>
    <script id="editor" type="text/plain"></script>
  </div>
</template>
<script>
  // 引入富文本编辑器
  import '../../../static/UE/ueditor.config.js'
  import '../../../static/UE/ueditor.all.js'
  import '../../../static/UE/lang/zh-cn/zh-cn.js'
  import '../../../static/UE/ueditor.parse.min.js'

  export default {
    name: 'ue',
    data() {
      return {
        editor: null
      }
    },
    props: {
      value: '',
      config: {}
    },
    mounted() {
      const _this = this
      this.editor = window.UE.getEditor('editor', this.config)
      this.editor.addListener('ready', function () {
        _this.editor.setContent(_this.value)
      })
    },
    methods: {
      getUEContent() {
        return this.editor.getContent()
      }
    },
    destroyed() {
      this.editor.destroy()
    }
  }
</script>
